<header id="navbar" class="bg-white-only header header-md navbar navbar-fixed-top-xs">
    <div id="navbar-header" class="bg-info navbar-header aside nav-xs">
        <a href="#" class="navbar-brand text-lt">
            <i class="icon-earphones"></i>
            <img src="__STATIC__/images/yuan/logo.png" alt="." class="hide">
            <span class="hidden-nav-xs m-l-sm">Musik</span>
        </a>
        <a class="btn btn-link visible-xs" data-toggle="dropdown" data-target=".user">
            <i class="icon-settings"></i>
        </a>
    </div>
    <ul class="nav navbar-nav hidden-xs">
        <li>
            <a href="#nav,.navbar-header" data-toggle="class:nav-xs,nav-xs" class="text-muted">
                <i class="fa fa-indent text"></i>
                <i class="fa fa-dedent text-active"></i>
            </a>
        </li>
    </ul>
    <div class="navbar-right ">
        <ul class="nav navbar-nav m-n hidden-xs nav-user user">

            <li class="dropdown">
                <a id="aLogin" href="{:url('login/index')}">
                    登陆
                </a>
                <ul class="dropdown-menu animated fadeInRight">
                    <li>
                        <span class="arrow top"></span>
                        <a onclick="changeColorLayout(5)">Settings</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a onclick="logout()">Logout</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</header>